<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<head>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico"> 
<link href="${pageContext.request.contextPath}/css/font-awesome.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/layui/dist/css/layui.css" rel="stylesheet">
<style>
 .nav_color{
 	color:#f8ac59;
 }
 /* #nav{
 	background:blue;
 	opcity:0.8;
 	border-radius:10px;
 } */
 *{
 	cursor:url('${pageContext.request.contextPath}/images/ani/a.cur'),auto;
 	
 }
 a {  
    cursor:url('${pageContext.request.contextPath}/images/ani/b.cur'),auto;
    } 
</style>
<script>
	 /* if (document.location.host != "www.yuou.fun") {
	location.href = location.href.replace(document.location.host,'www.yuou.fun');
	}  */
	
</script>

</head>
<header>
  <div id="mnav">
    <h2><span class="navicon"></span></h2>
    <ul>
      <li><a href="${pageContext.request.contextPath}/main"><i class="fa fa-home"></i> 网站首页</a></li>
      <li><a href="${pageContext.request.contextPath}/list"><i class="fa fa-code"></i> 技术博客</a></li>
      <li><a href="${pageContext.request.contextPath}/summary"><i class="fa fa-folder-o"></i> 知识总结</a></li>
      <li><a href="${pageContext.request.contextPath}/resource"><i class="fa fa-share-alt"></i> 资源分享</a></li>
      <li><a href="${pageContext.request.contextPath}/find/13015.html"><i class="fa fa-tv"></i> 网站介绍</a></li>
      <li><a href="${pageContext.request.contextPath}/about"><i class="fa fa-heart-o"></i> 关于我</a></li>
      <li><a href="${pageContext.request.contextPath}/message"><i class="fa fa-commenting-o"></i> 留言</a></li>
      <li><a href="${pageContext.request.contextPath}/login"><i class="fa fa-sign-in"></i> 登录后台</a></li>
    </ul>
  </div>
  <nav id="nav" class="layui-bg-blue">
    <%-- <ul>
      <li class="a1"><a class="" href="${pageContext.request.contextPath}/main"><i class="fa fa-home "></i> 网站首页</a></li>
      <li class="a2"><a class="" href="${pageContext.request.contextPath}/list"><i class="fa fa-code"></i> 技术博客</a></li>
      <li class="a3"><a class="" href="${pageContext.request.contextPath}/summary"><i class="fa fa-folder-o"></i> 知识总结</a></li>
      <li class="a4"><a class="" href="${pageContext.request.contextPath}/resource"><i class="fa fa-share-alt"></i> 资源分享</a></li>
      <li class="a5"><a class="" href="${pageContext.request.contextPath}/find/13015.html"><i class="fa fa-tv"></i> 网站介绍</a></li>
      <li class="a6"><a class="" href="${pageContext.request.contextPath}/about"><i class="fa fa-heart-o"></i> 关于我</a></li>
      <li class="a7"><a class="" href="${pageContext.request.contextPath}/message"><i class="fa fa-commenting-o"></i> 留言</a></li>
      <li class="a8"><a class="" href="${pageContext.request.contextPath}/login"><i class="fa fa-sign-in"></i> 登录后台</a></li>
    </ul> --%>
    <ul class="layui-nav layui-bg-blue" style="width: 100%">
	  <li class="a1 layui-nav-item layui-this">
	  		<a class="" href="${pageContext.request.contextPath}/main"><i class="fa fa-home "></i> 网站首页</a>
	  </li>
	  <li class="a2 layui-nav-item">
	  		<a class="" href="${pageContext.request.contextPath}/list"><i class="fa fa-code"></i> 技术博客</a>
	  </li>
	  <li class="a3 layui-nav-item">
	  		<a class="" href="${pageContext.request.contextPath}/summary"><i class="fa fa-folder-o"></i> 知识总结</a>
	  </li>
	  <li class="a4 layui-nav-item">
	    	<a class="" href="${pageContext.request.contextPath}/resource"><i class="fa fa-share-alt"></i> 资源分享</a>
	  </li>
	  <li class="a5 layui-nav-item">
	  		<a class="" href="${pageContext.request.contextPath}/find/13015.html"><i class="fa fa-tv"></i> 网站介绍</a>
	  </li>
	  <li class="a6 layui-nav-item">
	  		<a class="" href="${pageContext.request.contextPath}/about"><i class="fa fa-heart-o"></i> 关于我</a>
	  </li>
	  <li class="a7 layui-nav-item">
	  		<a class="" href="${pageContext.request.contextPath}/message"><i class="fa fa-commenting-o"></i> 留言</a>
	  </li>
	  <li class="a8 layui-nav-item">
	  		<a class="" href="${pageContext.request.contextPath}/login"><i class="fa fa-sign-in"></i> 登录后台</a>
	  </li>
	</ul> 
  </nav>
  <!-- color="255,140,0" opacity='0.7' zIndex="-1" count="99" -->
<script type="text/javascript"  src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/static/layui/dist/layui.js" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8" src="https://changyan.itc.cn/js/lib/jquery.js"></script>
  <script>
   $(window).scroll(function(){
		if($(document).scrollTop()>70){
			$("nav").addClass("animated fadeOutUp");
			$("nav").removeClass("fadeInDown");
		}
		if($(document).scrollTop()==0){
			$("nav").addClass("animated fadeInDown");
			$("nav").removeClass("fadeOutUp");
		 }
	}); 
	</script>
	
	<script type="text/javascript">
	/*鼠标特效 */
	  /*这个方法用来随机一个十六进制颜色代码，让每一次点击浮动文字的杨色不同*/
	  function co(){
	        var colorElements = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";
	    var colorArray = colorElements.split(",");
	    var color ="#";
	    for(var i =0;i<6;i++){
	    color+=colorArray[Math.floor(Math.random()*16)];
	    }
	    return color;
	};
	var a_idx = 0;
	jQuery(document).ready(function($) {
	$("body").click(function(e) {
		/*这个数组中的每一个字符是你要浮动显示的词或句子，每次点击鼠标后按顺序出现*/
	     /*var a = new Array("子言慕雨",
						  "启伞避之",
						  "子言好阳",
						  "寻荫拒之",
						  "子言喜风",
						  "阖户离之",
						  "子言偕老",
						  "吾所畏之");
						  */
	    //var a = new Array("谢谢","看我网站的的都是帅哥美女","别点了","你再点,叫我老婆揍你", "老婆欧航腿最长", "老婆欧航最聪明", "老婆欧航最瘦", "老婆欧航最漂亮", "老婆欧航最可爱");
	    /* var a = new Array("不要抱怨，抱我",
						  "最近有谣言说我喜欢你，我要澄清一下，那不是谣言",
						  "我怀疑你的本质是一本书，不然为什么让我越看越想睡",
						  "我发现昨天很喜欢你，今天也很喜欢你，而且有预感明天也会喜欢你",
						  "这是我的手背，这是我的脚背，你是我的宝贝",
						  "别让我看见你，不然我见你一次，就喜欢你一次",
						  "我还是喜欢你，像小时候吃辣条，不看日期"); */
	    var $i = $("<span/>").text(a[a_idx]);
	    a_idx = (a_idx + 1) % a.length;
	    var x = e.pageX,
	    y = e.pageY;
	    $i.css({
	        "z-index": 999999,
	        "top": y - 20,
	        "left": x,
	        "position": "absolute",
	        "font-weight": "bold",
	        "font-size": "30px",
	        "color": co()
	    });
	    $("body").append($i);
	    $i.animate({
	        "top": y - 180,
	        "opacity": 0
	    },
	    2000,
	    function() {
	        $i.remove();
	    });
	});
	});
	layui.use('element', function(){
		  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		  
		  //监听导航点击
		   element.on('nav(demo)', function(elem){
		    console.log(elem)
		    layer.msg(elem.text());
		  }); 
		});
	var userAgentInfo = navigator.userAgent;  
	var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
	for (var v = 0; v < Agents.length; v++) {  
	    if (userAgentInfo.indexOf(Agents[v]) > 0&&document.body.clientWidth<350) { 
		    $("#nav").css("display","none");
	     break; 
	     } 
	}
	</script>
</header>

